<template>
  <div class="msg_wrap">
    <div class="title">消息通知</div>
    <div class="list_wrap">
      <div class="list_item">
        <div class="item_top">
          <div class="icon">
            <icon-check-one theme="outline" size="24" fill="#5fc92b" />
          </div>
          <div class="title">养老机构床位建设补贴审批</div>
          <div class="link">
            <icon-arrow-right theme="outline" size="24" fill="#888" />
          </div>
        </div>
        <div class="item_bottom">
          内容内容内容内容内容内容内容内容内容内容内容内容
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.msg_wrap {
  padding: 10px;

  .title {
    font-weight: 900;
  }

  .list_wrap {
    .list_item {
      padding: 10px;
      border-radius: 5px;
      box-shadow: 0 0 5px #bbb;
      .item_top {
        display: flex;

        .title {
          flex: 1;
          margin-left: 10px;
          font-weight: 900;
        }

        .link {
          cursor: pointer;
        }
      }
    }
  }
}</style>